<template>
  <el-carousel :interval="4000" type="card" height="200px">
    <el-carousel-item v-for="item in value" :key="item.bannerId">
      <el-image
        style="width: 570px; height: 200px"
        :src="item.imageUrl"
        fit="cover"
      ></el-image>
    </el-carousel-item>
  </el-carousel>
</template>

<script>
// console.log(Swiper);
// import Swiper from "vue-swiper";
export default {
  //   components: {
  //     swiper: Swiper,
  //   },
  props: {
    value: {
      type: Array,
      default() {
        return [];
      },
    },
  },
};
</script>

<style lang="scss" scoped>
</style>